<!-- 位置监控 -->
<template>
	<div class="map-box" id="container" :style="`min-height: ${pageMinHeight}px`">
		<div class="leftBox"></div>
	</div>
</template>
<script>
import { mapState } from "vuex";
export default {
  name: "Index",
  i18n: require("./i18n"),
  data() {
    return {
      map:null
    };
  },
  computed: {
    ...mapState("setting", ["pageMinHeight"]),
    desc() {
      return this.$t("description");
      
    },
  },
  mounted() {
    this.loadMap();
  },
  methods: {
    loadMap() {
      this.map = new AMap.Map("container", {
        resizeEnable: true,
        zoom: 10,
        zooms: [3, 18],
        // center: [116.397428, 39.90923],
      });
    },
  },
};
</script>

<style scoped lang="less">
@import "index";
.map-box {
  width: 100%;
  z-index: 99;
  position: relative;
}
.leftBox{
	width: 320px;
	height: 80%;
	position: absolute;
	background-color: #FFFFFF;
	z-index: 100;
	border-radius: 2px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.15);
	margin: 30px 0 0 30px;
}
</style>